import React, { Component } from "react";

//todo 类组件使用this.props来接收自定义属性
class Header extends Component {
  render() {
    // console.log(this);
    const { num, count } = this.props;
    return (
      <div>
        这是头部 - {num} - {count}
      </div>
    );
  }
}

//todo 函数组件使用props参数来接收自定义属性
const Footer = ({ name }) => {
  return <div>这是底部 - {name}</div>;
};

class App extends Component {
  render() {
    return (
      <>
        <h2>props</h2>
        <Header num="3" count="4" />
        <Footer name="zhangmou" />
      </>
    );
  }
}

export default App;
